<template>
    <view class="page-login">
        <!-- <view class="page-login-logo"></view> -->
        <view class="page-login-logotitle">伯乐聘</view>
        <view class="page-login-title mt-48 gray-color">先面试、后入职，就上BolePin</view>
        <view class="page-login-title mt-48 gray-color">
            <pk-btn type="success" :isBlank="true">
                一键登录
                <template #openType>
                    <button open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">一键登录</button>
                </template>
            </pk-btn> 
        </view>
        <view class="mt-48">登录视为您已阅读并同意伯乐聘用户协议和隐私政策</view>
    </view>
  </template>
  
  <script setup>
  import { ref, onMounted } from 'vue';
  
  const message = ref('Hello, UniApp with Vue 3!');


  onMounted(() => {
    console.log('-------------------', onMounted)
  })

  const onClick = () => {
    message.value = '按钮被点击了！';
  };
  </script>
  
  <style lang="scss" scoped>
  .page-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex:1;
    &-logo{
        width: 320rpx;
        height: 120rpx;
        background: url('@/static/logo.svg')  center center /cover no-repeat;
    }
    &-logotitle{
        font-size: 52rpx;
    }
    &-title{
        font-size: 28rpx;
    }
  }
  </style>